<template>
  <div class="min-h-screen flex flex-col items-center justify-center bg-yellow-100 text-center p-8">
    <h2 class="text-3xl font-bold mb-6">📖 斗地主规则</h2>
    <p class="text-lg leading-relaxed mb-6 text-gray-800">
      1. 一副牌54张，三人游戏，一人为地主，其余为农民。<br />
      2. 牌型包括单张、对子、顺子、炸弹等。<br />
      3. 地主先出牌，其他人按顺时针依次出牌，能压过上一家就出，不能就“不要”。<br />
      4. 任意一方出完手牌即结束游戏。
    </p>
    <button @click="$emit('back')" class="bg-blue-500 text-white px-6 py-2 rounded">返回主菜单</button>
  </div>
</template>

<script setup>
const emit = defineEmits(['back'])
</script>